<template>
    <div class="search">
      <el-form label-width="80px">
        <el-row :gutter="20" justify="start">
          <el-col :span="7" >
            <el-form-item label="发布时间">
              <el-date-picker
              style="width: 100%;"
              clearable
        type="daterange"
        size="mini"
        range-separator="-"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        clear-icon="string"
      >
      </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="7">
             <el-form-item label="内容标题">
              <el-input size="mini"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="7">
             <el-form-item label="用户昵称">
              <el-input size="mini" ></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row :gutter="20" justify="start">
          <el-col :span="7" >
            <el-form-item label="审核人">
              <el-input size="mini"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="7">
             <el-form-item label="审核状态">
              <el-input size="mini"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <el-row class="btn-row">
         <el-button size="mini" type="primary">查询</el-button>
        <el-button size="mini" type="primary">重置</el-button>
      </el-row>

    </div>
</template>

<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({

})
</script>
<style lang="less" scoped>
.el-row {
  margin-bottom: 20px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.el-input {
  width: 100%;
}

.search {
  padding-top: 20px;
  .el-row:nth-of-type(2) {
    margin-top: -40px;
  }

}

.btn-row {
  padding-left: 80px;
}
</style>
